/**
 * Creating a sidebar enables you to:
 - create an ordered group of docs
 - render a sidebar for each doc of that group
 - provide next/previous navigation

 The sidebars can be generated from the filesystem, or explicitly defined here.

 Create as many sidebars as you want.
 */

// @ts-check

/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
const sidebars = {
  // By default, Docusaurus generates a sidebar from the docs folder structure
  hydrogen: [
    {
      type: 'doc',
      label: 'Overview',
      id: 'index'
    },
    {
      type: 'doc',
      label: 'Migrate to v2',
      id: 'migrate-v2',
    },
    {
      type: 'category',
      label: 'Tutorials',
      link: {
        type: 'generated-index',
        title: 'Tutorials',
        slug: 'tutorials',
        keywords: ['tutorials'],
      },
      items: [
        {type: 'autogenerated', dirName: 'tutorials'}
      ]
    },
    {
      type: 'category',
      label: 'API reference',
      link: {
        type: 'generated-index',
        title: 'API reference',
        slug: 'api',
        keywords: ['api'],
      },
      items: [
        {
          type: 'category',
          label: 'Components',
          items: [
            {type: 'autogenerated', dirName: 'components'},
          ]
        },
        {
          type: 'category',
          label: 'Hooks',
          items: [
            {type: 'autogenerated', dirName: 'hooks'},
          ]
        },
        {
          type: 'category',
          label: 'Utilities',
          items: [
            {type: 'autogenerated', dirName: 'utilities'},
          ]
        },
      ]
    }
  ]

  // But you can create a sidebar manually
  /*
  tutorialSidebar: [
    'intro',
    'hello',
    {
      type: 'category',
      label: 'Tutorial',
      items: ['tutorial-basics/create-a-document'],
    },
  ],
   */
};

module.exports = sidebars;
